<extend name="Public/layout" />
<block name="pluginCSS">
 <link href="__PUBLIC__/Home/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>	

</block>
<block name="CSS"></block>
<block name="loadJS">
<script src="__PUBLIC__/Home/plugins/uniform/jquery.uniform.min.js" type="text/javascript" ></script>
</block>
<block name="setJS">
</block>
<block name="initJS">
  App.initUniform();
</block>
<block name="breadcrumb"></block>
<block name="mainTop"></block>
<block name="side">
	<ul class="list-group margin-bottom-25 sidebar-menu">
<{$articleTree}>
</ul>
</block>
<block name="page">

<h1>新用户注册</h1>
            <div class="content-form-page">
              <div class="row">
                <div class="col-md-7 col-sm-7">
                  <form class="form-horizontal" role="form">
                    <fieldset>
                      <legend>基本信息</legend>
                      <div class="form-group">
                        <label for="loginName" class="col-lg-4 control-label">账户名： <span class="require">*</span></label>
                        <div class="col-lg-8">
                          <input id="loginName" name="loginName" class="form-control" tabindex="1" maxlength="30" autocomplete="off" onpaste="return false;" style="ime-mode:disabled;" onblur="onblurName(this);" onkeypress="return WST.isUserName(event)" onfocus="onfocusName(this);" value="邮箱/用户名/手机号"  type="text"/>
                        </div>
                      </div>
                      
                      <div class="form-group">
                        <label for="userEmail" class="col-lg-4 control-label">电子邮箱：<span class="require">*</span></label>
                        <div class="col-lg-8">
                          <input id="userEmail" name="userEmail" class="form-control" tabindex="3" autocomplete="off" style="ime-mode:disabled;" type="text"/>
                        </div>
                      </div>
                      <div class="form-group">
                        <label for="userPhone" class="col-lg-4 control-label">手机号码：<span class="require">*</span></label>
                        <div class="col-lg-8">
                          <input id="userPhone" name="userPhone" class="form-control" tabindex="3" autocomplete="off" type="text" maxlength="11"/>
                        </div>
                      </div>
                    </fieldset>
                    <fieldset>
                      <legend>密码</legend>
                      <div class="form-group">
                        <label for="loginPwd" class="col-lg-4 control-label">请设置密码：<span class="require">*</span></label>
                        <div class="col-lg-8">
                          <input id="loginPwd" name="loginPwd" class="form-control" tabindex="2" style="ime-mode:disabled;" autocomplete="off" type="password"/>
                        </div>
                      </div>
                      <div class="form-group">
                        <label for="reUserPwd" class="col-lg-4 control-label">请确认密码：<span class="require">*</span></label>
                        <div class="col-lg-8">
                          <input id="reUserPwd" name="reUserPwd" class="form-control" tabindex="2" style="ime-mode:disabled;" autocomplete="off" type="password"/>
                        </div>
                      </div>
                      <div class="checkbox form-group">
                        <label>
                          <label for="reUserPwd" class="col-lg-4 control-label"></label>
                          <div class="col-lg-8 col-sm-8">
                            <input type="checkbox"> 我已阅读并同意</label><a href="javascript:;" class="blue" id="protocolInfo" onclick="showXiey();">《用户注册协议》</a>
                          </div>
                        </label>
                      </div>
                    </fieldset>
                    <div class="row">
                      <div class="col-lg-8 col-md-offset-4 padding-left-0 padding-top-20">                        
                        <button type="submit" class="btn btn-primary">立即注册</button>
                        <button type="button" class="btn btn-default">取消</button>
                      </div>
                    </div>
                  </form>
                </div>
                <div class="col-md-4 col-sm-4 pull-right">
                  <div class="form-info">
                    <h2><em>Important</em> Information</h2>
                    <p>Lorem ipsum dolor ut sit ame dolore  adipiscing elit, sed sit nonumy nibh sed euismod ut laoreet dolore magna aliquarm erat sit volutpat. Nostrud exerci tation ullamcorper suscipit lobortis nisl aliquip  commodo quat.</p>

                    <p>Duis autem vel eum iriure at dolor vulputate velit esse vel molestie at dolore.</p>

                    <button type="button" class="btn btn-default">More details</button>
                  </div>
                </div>
              </div>
            </div>
</block>
<block name="mainBottom"></block>